<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">
  <meta http-equiv="pragma" content="no-cache">
  <meta http-equiv="cache-control" content="no-cache">
  <meta http-equiv="expires" content="0">
  <title>首页</title>
  <link rel="shortcut icon" href="/favicon.ico"/>
  <link rel="bookmark" href="/favicon.ico"/>
  <link rel="stylesheet" href="/webjars/layui/css/layui.css">
  <link rel="stylesheet" href="/css/portal/index.css">
  <link rel="stylesheet" href="/css/portal/exlayout.css">
</head>
<body>
  <!-- nav部分 -->
  <div class="nav index">
    <div class="layui-container">
      <!-- 公司logo -->
      <div class="nav-logo">
        <a href="/">
          <img src="/img/portal/logo.png" alt="公司名称">
        </a>
      </div>
      <em class="layui-icon layui-icon-app mobile-icon"></em>
      <div class="nav-list">
        <ul class="layui-nav" lay-filter="">
          <li class="layui-nav-item layui-this"><a href="/">首页</a></li>
          <li class="layui-nav-item"><a href="/html/news.html">新闻</a></li>
          <li class="layui-nav-item"><a href="/html/service.html">服务项目</a></li>
          <li class="layui-nav-item"><a href="/html/tech.html">技术成果</a></li>
          <li class="layui-nav-item"><a href="/html/about.html">联系我们</a></li>
        </ul>
      </div>
    </div>
  </div>
  <!-- banner部分 -->
  <div>
    <div class="layui-carousel" id="banner">
      <div carousel-item>
        <div>
          <img src="/img/portal/banner.jpg" alt="banner">
          <div class="panel">
            <p class="title">宣传标题</p>
            <p>宣传内容详情</p>
          </div>
        </div>
        <div>
          <img src="/img/portal/banner.jpg" alt="banner">
          <div class="panel">
            <p class="title">宣传标题</p>
            <p>宣传内容详情</p>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- main部分 -->
  <div class="main-product">
    <div class="layui-container">
      <p class="title" style="line-height: 100px;">公司简介</p>
      <div class="layui-row">
        <p class="introBott" style="color: black;text-indent: 2em;">公司介绍详情</p>
      </div>
    </div>
  </div>
  <div class="main-service">
    <div class="layui-container">
      <p class="title">标题<span>凸显内容</span></p>
      <div class="layui-row layui-col-space25 layui-col-space80">
        <div class="layui-col-sm6">
          <div class="content">
            <div class="content-left"><img src="/img/portal/home_img.jpg" alt="home"></div>
            <div class="content-right">
              <p class="label">小标题</p>
              <span></span>
              <p>介绍内容</p>
            </div>
          </div>
        </div>
        <div class="layui-col-sm6">
          <div class="content">
            <div class="content-left"><img src="/img/portal/home_img.jpg" alt="home"></div>
            <div class="content-right">
              <p class="label">小标题</p>
              <span></span>
              <p>介绍内容</p>
            </div>
          </div>
        </div>
        <div class="layui-col-sm6">
          <div class="content">
            <div class="content-left"><img src="/img/portal/home_img.jpg" alt="home"></div>
            <div class="content-right">
              <p class="label">小标题</p>
              <span></span>
              <p>介绍内容</p>
            </div>
          </div>
        </div>
        <div class="layui-col-sm6">
          <div class="content">
            <div class="content-left"><img src="/img/portal/home_img.jpg" alt="home"></div>
            <div class="content-right">
              <p class="label">小标题</p>
              <span></span>
              <p>介绍内容</p>
            </div>
          </div>
        </div>
      </div>
      <div class="service-more"><a href="">查看更多</a></div>
    </div>
  </div>
  <!-- footer部分 -->
  <div class="footer">
    <div class="layui-container">
      <p class="footer-web">
        <a href="javascript:;">合作伙伴1</a>
        <a href="javascript:;">合作伙伴2</a>
        <a href="javascript:;">合作伙伴3</a>
        <a href="javascript:;">合作伙伴4</a>
        <a href="javascript:;">合作伙伴5</a>
        <a href="javascript:;">合作伙伴6</a>
      </p>
      <div class="layui-row footer-contact">
        <div class="layui-col-sm2 layui-col-lg1" id="qrcode"></div>
        <div class="layui-col-sm10 layui-col-lg11">
          <div class="layui-row">
            <div class="layui-col-sm6 layui-col-md8 layui-col-lg9">
              <p class="contact-top"><em class="layui-icon layui-icon-cellphone"></em>&nbsp;电话号码&nbsp;&nbsp;&nbsp;(时间段)</p>
              <p class="contact-bottom"><em class="layui-icon layui-icon-home"></em>&nbsp;邮箱地址</span></p>
            </div>
            <div class="layui-col-sm6 layui-col-md4 layui-col-lg3">
              <p class="contact-top"><span class="right">公司地址</span></p>
              <p class="contact-bottom"><span class="right">&nbsp;&copy;&nbsp;版权时间段&nbsp;&nbsp;备案号</span></p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
<script src="/webjars/jquery/jquery.min.js"></script>
<script src="/webjars/layui/layui.js"></script>
<script src="/js/portal/qrcode.min.js"></script>
<script src="/js/portal/common.js"></script>
<script>
  layui.config({
    base: '/js/portal/' 
  }).use('firm');
</script>
</body>
</html>